<template>
    <!-- 底部 -->
    <div>
        <div class="foot" v-if="width > 500">
            <div class="pc_width u-flex">
                <img src="../../image/russiaNum/7.jpg" alt="">
                <div class="text">
                    Copyright © 2025 黑龙江嘉尚企业管理咨询有限公司 All Rights Reserved<br>
                    <div><text class="hand" @click="go">备案号: 黑ICP备2025034862号-1</text> &nbsp;&nbsp; 版权所有:黑龙江嘉尚企业管理咨询有限公司
                    </div>
                    联系电话：18345081033 &nbsp;&nbsp;13163682930 &nbsp;&nbsp; 公司地址:黑龙江省哈尔滨市南岗区国际合作大厦(一曼街80号)<br>
                    电子邮箱：hrbfetco@163.com
                </div>
            </div>
        </div>
        <div v-else>

        </div>
    </div>
</template>
<script>
import {
    useStore
} from 'vuex';
import { ref, watch, computed, getCurrentInstance } from "vue";
export default {
    data() {
        return {
            imgUrl: '',
            store: '',
            width: 0,
        };
    },
    created() {
        const { appContext } = getCurrentInstance();
        this.imgUrl = appContext.config.globalProperties.$imgUrl;
        this.store = useStore();
        this.width = window.screen.width;
    },

    methods: {
        go() {
            window.open('https://beian.miit.gov.cn/#/Integrated/index/');
        }
    }
};
</script>

<style scoped lang="less">
@media screen and (max-width: 1920px) {
    .pc_width {
        width: 1200px !important;
    }
}

@media screen and (max-width: 1750px) {
    .pc_width {
        width: 1000px !important;
    }
}

@media screen and (max-width: 1500px) {
    .pc_width {
        width: 900px !important;
    }
}

@media screen and (max-width: 1250px) {
    .pc_width {
        width: 800px !important;
    }

    .foot {

        img {
            width: 90px !important;
            margin-right: 30px !important;
        }

        .text {
            font-size: 11px !important;
            line-height: 22px !important;
        }
    }
}

@media screen and (max-width: 1100px) {
    .pc_width {
        width: 600px !important;
    }

    .foot {
        padding: 20px !important;

        img {
            width: 85px !important;
            margin-right: 25px !important;
        }

        .text {
            font-size: 10px !important;
            line-height: 20px !important;
        }
    }
}

.pc_width {
    width: 1440px;
    margin: 0 auto;
}

.foot {
    background: #364d82;
    width: 100%;
    color: #fff;
    padding: 30px;

    img {
        width: 100px;
        margin-right: 35px;
    }

    .text {
        font-size: 12px;
        line-height: 24px;
    }
}
</style>